<!DOCTYPE html>
<!-- saved from url=(0018)http://www.ofo.so/ -->
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <style class="vjs-styles-defaults">
      .video-js {
        width: 300px;
        height: 150px;
      }

      .vjs-fluid {
        padding-top: 56.25%
      }
    </style>
<style class="vjs-styles-dimensions">
      .video-dimensions {
        width: 100px;
        height: 100px;
      }

      .video-dimensions.vjs-fluid {
        padding-top: 56.25%;
      }
    </style>

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="renderer" content="webkit"/>
<meta name="force-rendering" content="webkit"/>
<meta name="mobile-agent" content="format=html5;url=http://m.ofo.so"/>
<title>第i教育公益平台</title>
<meta name="description" content="第i教育公益平台"/>
<meta name="keywords" content="第i教育公益平台"/>
<link href="./static/video-js.css" rel="stylesheet"/>
<link href="./static/swiper.min.css" rel="stylesheet"/>
<link href="./static/public.css" rel="stylesheet"/>
<link href="./static/iplay.css" rel="stylesheet"/>


</head>

<body>
    <div id="main">
        <header>
            <div id="nav" class="col-1140">
                <div class="logo">
                    <a href="http://www.ithedu.org">
                        <img src="./static/logo.png" alt=""/>
                    </a>
                </div>
                <div class="nav-item nav-item-y">
                    <ul>

                        <li>
                            <a href="index">首页</a>
                            <span></span>
                        </li>
                        <li>
                            <a href="look">看世界</a>
                            <span class="nav-out"></span>
                        </li>
                        <li>
                            <a class="cur" href="iplay">i玩课堂</a>
                            <span class="nav-out"></span>
                        </li>
                        <li>
                            <a href="ianswer">i玩问答</a>
                            <span></span>
                        </li>
                        <li>
                            <a href="profile">个人信息</a>
                            <span></span>
                        </li>
                        <li>
                            <a href="join">加入我们</a>
                            <span class="nav-out"></span>
                        </li>
                    </ul>
                </div>
            </div>
        </header>
        <div class="content">
            <div class="banner">
                <div class="col-1140">
                </div>
            </div>
        </div>
        <!-- 
        <div class="search_page">
        <div class="courses_list_mode">
        <div class="list_mode_wrap wrap">
        <ul class="list_style" id="list_style" data-block="RESULT">
		    <li data-element="1">
		        <div class="list_inner cf">
		            <div class="img fl">
		                <a href="/courses/TsinghuaX/TSINGHUA101/_/about" alt="点击查看" title="点击查看" target="_blank" data-click="onClick" data-description="IMAGE">
		                    <img class="course-cover" src="./static/images_course_image.jpg" alt="点击查看" title="点击查看"/>
		                </a>
		            </div>
		            <div class="fl list_inner_right cf">
		                <div class="coursename">
		                    <a href="#" alt="点击查看" title="点击查看" target="_blank" data-click="onClick" data-description="TITLE">
		                        <h2 class="coursetitle">清华院系概览（自主模式）</h2>
		                    </a>
		                    <div class="coursename_ref">
		                        <span class="fenlei">
		          <a href="#" target="_blank" data-click="onClick" data-description="CATEGORY">教育学科</a>
		        </span>
		                        <span class="fenlei">
		          <a href="#" target="_blank" data-click="onClick" data-description="CATEGORY">其他学科</a>
		        </span>
		                    </div>
		                    <div class="cf teacher">
		                        <div class="fl">
		                            <img src="./static/xb.jpg" alt="清华大学教务处" title="清华大学教务处" />
		                        </div>
		                        <div class="fl name">
		                            <p><span>清华大学教务处</span><span></span><span></span>
		                            </p>
		                        </div>
		                    </div>
		                    <div class="txt_all">
		                        <p class="txt"><span class="courseintro">简介</span>了解，比想象更美好。建筑、电子、经管、工物……清华的不同院系在这些名字背后有着怎样的特点？本课程将带你走进清华的各个院系，帮助你了解这些院系的特点、培养目标、研究成果、学生生活、就业去向等诸多方面。无需走进教室，就可领略清华大学74个院系不一样的风采。</p>
		                        <p class="ctxt"><span class="coursechapter">章节</span>生命学院 美术学院 医学院 法学院 经管学院 钱学森力学班 工程物理系 计算机系 热能系 机械系 机械工程（实验班） 交叉信息研究院
		                            软件学院 精密仪器系 自动化系 汽车工程系 期末考试（通过后可申请学堂在线三周年限量版纪念证书）</p>
		                    </div>
		                    <p class="ref_info cf">
		                        <span class="ri-tag fl"><b class="list-icon">8</b>自主课程</span>
		                        <span class="ri-tag fl"><b class="list-icon">$</b>可随时加入</span>
		                        <span class="ri-tag fl"><b class="list-icon">g</b>20.8万人</span>
		                        <span class="ri-tag fl"><b class="list-icon">7</b>课件全部开放</span>
		                    </p>
		                </div>
		            </div>
		        </div>
		
		    </li>
		</ul>
		</div>
		</div>
		</div>
		 -->
        <main>
            <h2 style="text-align: center">自控力</h2>
            <div align="center" class="embed-responsive embed-responsive-16by9">
                <video src="/video/mine.mp4" controls="controls">
                    您的浏览器不支持 video 标签。
                </video>
            </div>
            <h2 style="text-align: center">数学科普</h2>
            <div align="center" class="embed-responsive embed-responsive-16by9">
                <video src="/video/math.mp4" controls="controls">
                    您的浏览器不支持 video 标签。
                </video>
            </div>
            <h2 style="text-align: center">姆潘巴现象</h2>
            <div align="center" class="embed-responsive embed-responsive-16by9">
                <video src="/video/story.mp4" controls="controls">
                    您的浏览器不支持 video 标签。
                </video>
            </div>
        </main>
	    <footer>
	        <div class="col-1140">
	            <div class="fbar clearfix">
	                <div class="fcnt">
	                    <div class="fbar-logo">
	                        <img src="./static/footer_logo.png" alt=""/>
	                    </div>
	                    <p class="finfo">i让教育多一种可能</p>
	                    <div class="fcnt-social">
	                        <a href="http://weibo.com/u/6152270321?refer_flag=1001030102_;is_hot=1" id="weibo" target="_block"></a>
	                        <a href="javascript:;" id="wechat"></a>
	                    </div>
	                    <div class="wechat-qrcode">
	                        <img src="./static/wx-qrcode.jpg" alt=""/>
	                    </div>
	                </div>
	            </div>
	        </div>
	    </footer>
    </div>
    <script src="./static/jquery-2.1.1.min.js"></script>
    <script src="./static/plugin.js"></script>
    <script src="./static/video.js"></script>
    <script src="./static/carcount.js"></script>
    <script src="./static/app.min.js"></script>

</body>

</html>